<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>未播放</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/main.css" />
    <style>
        body {
            background-color: #fff;
        }

        .video {
            height: 211px;
            width: 100%;
            text-align: center;
            line-height: 211px;
        }

        .border_bottom {
            border-bottom: 2px solid #D7D7D7;
        }

        .test {
            position: relative;
        }

        .center {
            position: absolute;
            top: 50%;
            right: 50%;
            margin-top: -50px;
            margin-right: -27px;
        }

        .bottom {
            position: absolute;
            bottom: 3px;
            padding: 0px 15px;
            width: 100%;
        }

        .img_kuang {
            width: 14px;
            float: right;
            margin-top: 6px;
        }

        .title {
            border-bottom: 2px solid #d7d7d7;
            padding: 5px 15px;
        }

        .img_jt {
            width: 6px;
            display: inline-block;
            vertical-align: middle;
        }

        .title_first {
            height: 30px;
            line-height: 30px;
        }

        .img_pr {
            width: 12px;
            display: inline-block;
            vertical-align: middle;
        }

        .share {
            border-bottom: 8px solid #d7d7d7;
            padding: 10px 15px;

        }

        .img_avater {
            width: 26px;
            display: inline-block;
            vertical-align: middle;
        }

        .image {
            width: 19px;
            float: right;
            padding-top: 5px;
        }

        .image1 {
            width: 25px;
            float: right;
            padding-top: 5px;
            margin-right: 15px;
        }

        .img_back {
            width: 9px;
            position: absolute;
            top: 36px;
            left: 19px;
        }

        .button {
            color: #fff;
            font-size: 12px;
            background-color: #898989;
            border-radius: 15px;
            width: 70px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            position: absolute;
            top: 50%;
            right: 50%;
            margin-top: 23px;
            margin-right: -39px;
        }

        .img_aliens {
            width: 230px;
            margin: 0 auto;
            margin-top: 37px;
        }
    </style>
</head>

<body>
    <div id="vm">
        <div class="video test border_bottom">
            <img src="../../image/VIP/back.png" alt="" class="img_back">
            <p style="font-size:16px;color:#464646;">视频加载失败，请稍后尝试</p>
            <div class="button">点击重试</div>
        </div>
        <div class="title">
            <div class="title_first">
                <div style="font-size:18px;float:left;font-weight:530;">扫弦练习</div>
                <div style="float:right;color:#C7C8C8;font-size:13px;">
                    详情&nbsp;&nbsp;&nbsp;<img src="../../image/my/jiantou.png" alt="" class="img_jt">
                </div>
                <div class="aui-clearfix"></div>
            </div>
            <div style="font-size:10px;float:left;color:#A5A5A5">2359次播放</div>
            <div style="float:right;color:#A5A5A5;font-size:11px;">
                23万&nbsp;&nbsp;<img src="../../image/VIP/praise.png" alt="" class="img_pr">
            </div>
            <div class="aui-clearfix"></div>
        </div>

        <div class="share">
            <img src="../../image/VIP/youke.png" alt="" class="img_avater">&nbsp;
            <span style="color:#A5A5A5;font-size:16px;">访&nbsp;&nbsp;客</span>
            <img src="../../image/VIP/share_out.png" alt="" class="image">
            <img src="../../image/VIP/heart2.png" alt="" class="image1">
        </div>
        <div style="text-align:center">
            <img src="../../image/VIP/aliens.png" alt="" class="img_aliens">
            <p style="font-size:16px;color:#464646;margin-top:5px;">网络不给力</p>
            <p style="font-size:13px;color:#C8C8C8">世界上最遥远的距离，莫过于网络不给力</p>
            <div style="font-size:14px;color:#39D7FF;margin-top:5px;">刷新</div>
        </div>

    </div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/config.js"></script>
<script type="text/javascript" src="../../script/rest.js"></script>
<script type="text/javascript" src="../../script/vue.2.5.js"></script>
<script type="text/javascript" src="../../script/zepto.js"></script>
<script type="text/javascript" src="../../script/faskclick.js"></script>
<script type="text/javascript">
    var vm = new Vue({
        el: '#vm',
        data: {

        },
        created: function() {
            var _this = this;
            apiready = function() {
                _this.init();
                api.parseTapmode();
                if ('addEventListener' in document) {
                    document.addEventListener('DOMContentLoaded', function() {
                        FastClick.attach(document.body);
                    }, false);
                }

            }
        },
        methods: {
            init: function() {
                var _this = this;
            }
        }
    })


    // function OpenKefuWin() {
    //     api.openWin({
    //         name: './myself/kefu_win',
    //         url: './myself/kefu_win.html',
    //     });
    // }
</script>

</html>
